@import "./var.scss";

/* 改变 icon 字体路径变量，必需 */
$--font-path: "~element-ui/lib/theme-chalk/fonts";
@import "element-ui/packages/theme-chalk/src/index";

// 全局表格状态样式
.status-item {
  margin: 0 auto;
  padding: 0 12px;
  line-height: 24px;
  border-radius: 12px;
  width: 50px;
  font-weight: 800;
  text-align: center;
}

.status-NORMAL {
  color: $--status-primary;
  background-color: $status-primary-back;
}

.status-SUCCESS {
  color: $--status-success;
  background-color: $status-success-back;
}

.status-WARNING {
  color: $--status-warning;
  background-color: $status-warning-back;
}

.status-ERROR {
  color: $--status-danger;
  background-color: $status-danger-back;
}

.status-INFO {
  color: $--status-info;
  background-color: $status-info-back;
}

.el-button--text.is-disabled {
  color: #c6d3f7;
}
.el-button--text.is-disabled:hover {
  color: #c6d3f7;
}

.el-input.is-disabled .el-input__inner {
  background-color: transparent;
  border-style: dashed;
  color: $disabled-color;
}
.el-radio__input.is-disabled .el-radio__inner {
  background-color: transparent;
  color: $disabled-color;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: transparent;
  color: $disabled-color;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: transparent;
  border-style: dashed;
  color: $disabled-color;
}

// 滚动条样式
/* 定义全局滚动条宽度 */
::-webkit-scrollbar {
  width: 10px; /* 垂直滚动条宽度 */
}

/* 定义滚动条轨道样式 */
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1); /* 轨道颜色 */
}

/* 定义滚动条滑块（可拖动的部分）样式 */
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5); /* 滑块颜色 */
  border-radius: 5px; /* 滑块圆角 */
}

/* 当鼠标悬停在滑块上时的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

/* 修改全局tab页样式 */
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  height: 36px;
  line-height: 36px;
  border: none;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  background-color: #eef6ff;
  border-bottom: 2px solid #436de5;
  font-weight: bold;
}